﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EventsAdmin.aspx.cs" Inherits="iKonnect_EventsAdmin" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!-- Style Sheet-->
    <link rel="stylesheet" href="./VividTheme_files/style.css">
    <link rel="stylesheet" id="style_css" href="VividTheme_files/prettyPhoto.css" type="text/css"
        media="all">
    <link rel="stylesheet" href="VividTheme_files/jquery.ad-gallery.css">
    <!-- favicon -->
    <script src="VividTheme_files/jquery-1.7.1.min.js" type="text/javascript"></script>
    <link rel="shortcut icon" href="http://grupac.cluster015.ovh.net/favicon.ico">
    <link href="VividTheme_files/animate.css" rel="stylesheet" type="text/css" />
    <link href="VividTheme_files/buttons.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/buttons.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        /*  $(document).ready(function () {
        $(".btnM").click(function () {
        $(".btnM").fadeOut(350);
        $(".Map").delay(350).fadeIn(800);
        });
        });*/
        $(document).ready(function () {
            $(".ItemCheckBox input[type='checkbox']").click(function () {
                if ($("#" + this.id).attr("checked")) {
                    alert("alert");
                    $(this).prev().addClass("selectionTab");

                }
                else {
                    $("#" + this.id).prev().removeClass("selectionTab");
                }
            });
        });
    </script>
    <style type="text/css">
        .navigation
        {
            float: right;
            font-size: 14px;
            color: Black;
            margin: 10px 20px;
        }
        .navigation:hover
        {
            color: #969696;
        }
        .selectionTab
        {
            position: absolute;
            display: block;
            right: 0;
            top: 0;
            width: 0;
            height: 0;
            border-top: 42px solid #094AB2;
            border-left: 42px solid transparent;
        }

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="page-wrapper">
        <asp:Button runat="server" ID="btnAddNew" Text="+New Event" CssClass="btnM bGreen"
            Style="margin-left: 245px" />
        <asp:Button runat="server" ID="btnDeleteSelected" Text="Delete Selected" CssClass="btnM bRed"
            Style="margin-left: 5px" />
        <asp:Repeater runat="server" ID="rptrEvents">
            <ItemTemplate>
                <div class="page-container">
                    <!-- Start of CONTENT -->
                    <section id="content" class="content-left " style="clear: both; height: 229px; width: 960px;
                        padding: 30px; margin-top: 45px;
                        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); position: relative; background-color: #E18A1A;">
                        <article class="post" style="width: 960px;">
                        <span id="tab" class=""></span>
                            <asp:CheckBox runat="server" CssClass="ItemCheckBox" ID="chkDelete" Style="position: absolute;
                                top: 0; right: 0; margin: 5px;" />
                            <h2 class="post-title">
                                <asp:LinkButton runat="server" ID="lnkTitle" CssClass="EventTitle">GPC</asp:LinkButton>
                            </h2>
                            <div class="post-details">
                                <a rel="prettyPhoto" class="post-image">
                                    <img src="./VividTheme_files/blog-post-image2.jpg" alt="Post Feature Image"></a>
                            </div>
                            <div class="post-meta" style="float: right">
                                <p class="comment" style="float: right; margin-left: 10px; font-size: 12px">
                                    <asp:LinkButton runat="server" ID="lnkDelete">Delete</asp:LinkButton></p>
                                <p class="cat" style="float: right; font-size: 12px">
                                    <asp:LinkButton runat="server" ID="lnkEdit">Edit</asp:LinkButton></p>
                            </div>
                            <div class="post-meta">
                                <div class="meta">
                                    <div class="date">
                                        15</div>
                                    <div class="month-year">
                                        <span>FEB</span><span>2012</span></div>
                                </div>
                                <p class="time" style="font-size: 14px">
                                    <a href="#">12:30PM</a>
                                <p class="admin" style="font-size: 14px">
                                    <a href="#">54 Attending</a></p>
                                <p class="tags" style="font-size: 14px">
                                    <a href="#">Programming Club</a>
                                <p class="location" style="font-size: 14px">
                                    <asp:LinkButton runat="server" ID="lnkLocation">Location</asp:LinkButton></p>
                            </div>
                            <div style="float: left; height: 217px; width: 380px; background: gray; display: none"
                                class="Map">
                            </div>
                        </article>
                        
                    </section></div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    <div style="margin-bottom: 30px; background: white; width: 1020px; height: 35px;
        background: white; margin-left: 232px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);">
        <asp:LinkButton runat="server" ID="lnkNext" Text="Next" CssClass="navigation"></asp:LinkButton>
        <asp:LinkButton runat="server" ID="lnkPrev" Text="Previous" CssClass="navigation"></asp:LinkButton>
    </div>
    </form>
</body>
</html>
